<header id="cc-header" class="row-fluid">
	<div class="span7">

		<hgroup>
			<h1 class="site-title">
				<a href="#" title="Theme Preview" rel="home">BookStore</a>
			</h1>
		</hgroup>
	</div>

</header>


<nav id="navigation" class="row-fluid" role="navigation">
	<div class="main-navigation navbar">
		<div class="navbar-inner">
			<div class="container">
				<div class="nav-collapse collapse">
					<ul id="menu-menu" class="nav">
						<li><a href="#">About</a></li>
						<li><a href="#">Home</a></li>
					</ul>
					<div class="menu-searchbar">
						<form method="get" id="searchform"
							class="navbar-search pull-right" action="#" role="search">
							<input type="text" class="search-query input-medium" name="s"
								placeholder="Search">
						</form>
						<div class="clear"></div>
					</div>
				</div>
				<!-- collapse -->

				<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a>
			</div>
			<!-- container -->
		</div>
		<!-- .navbar-inner .row-fluid -->
	</div>
	<!-- main-navigation navbar -->
</nav>
<!-- #navigation -->